草庐IT

HTML5 SVG

全部标签

javascript - PerformanceTiming.responseStart 是指向 HTML 还是 headers 开始?

我有一个关于PerformanceTiming.responseStart的问题.它是timetofirstbyteofheaders还是atimetofirstbyteofHTML?在某些项目中,这个时间可能会非常不同。例如当使用渐进式页面呈现时。 最佳答案 [...]mustreturnthetimeimmediatelyaftertheuseragentreceivesthefirstbyteoftheresponsefromtheserverhttp://www.w3.org/TR/2012/REC-navigation-t

javascript - 使用 webpack-dev-server 时,html-webpack-plugin 不会将 js 文件注入(inject) index.html

这是我的webpack配置:varpath=require('path');varwebpack=require('webpack')varHtmlWebpackPlugin=require('html-webpack-plugin')varfs=require('fs'),buildPath='./dist/';varfolder_exists=fs.existsSync(buildPath);if(folder_exists==true){require('shelljs/global')rm('-rf','dist')};module.exports={entry:'./src/

javascript - 使用纯 javascript 围绕中心缩放 SVG

我有一个问题,可能无法很好地理解坐标在SVG中的工作原理。我有一个缩放svg图形的javascript函数,例如:varg=document.getElementById("graph");varnm=g.getCTM().multiply(k);//kisthescalefactorg.setAttribute("transform","matrix("+nm.a+","+nm.b+","+nm.c+","+nm.d+","+nm.e+","+nm.f+")");关键是在缩放后中心会稍微平移,因此图形失去了“地理”中心。我如何才能确定我需要哪种翻译才能“围绕”其中心缩放图形?谢谢。

javascript - 使用给定的 x 坐标获取沿 SVG 路径的点的 y 坐标

我正在使用raphael.js绘制一个简单的SVG折线图,如下所示:当用户悬停图形时,id喜欢在光标的X位置显示一个指向该线的弹出框,并在该线所在的Y位置像这样的X位置:我需要找到路径并找到给定X坐标的Y坐标。 最佳答案 基于@Duopixel的D3解决方案,我使用DOMAPI在纯javascript中编写了以下函数供我自己使用:functionfindY(path,x){varpathLength=path.getTotalLength()varstart=0varend=pathLengthvartarget=(start+en

javascript - 在 HTML5 Canvas 上绘制 1 像素线的完整解决方案

在HTML5Canvas上绘制1像素线总是有问题。(引用http://jsbin.com/voqubexu/1/edit?js,output)绘制垂直/水平线的方法是x+0.5,y+0.5(引用Canvaslinebehaviourwhen0)。要在全局范围内执行此操作,ctx.translate(0.5,0.5);是个好主意。但是,当涉及到对Angular线时,这种方法就不起作用了。它总是给出一条2像素的线。有没有办法阻止这种浏览器行为?如果没有,是否有可以解决此问题的软件包? 最佳答案 您提到的“更宽”的线是由浏览器自动完成的抗

javascript - D3 事件在隐藏的 svg 元素上触发

我似乎找不到这个问题的答案,我花了一段时间将它重新创建为一个独立的fiddle/笔,但我终于找到了。我正在开发使用D3绘制和操作svg图形的Vaadin应用程序。在某一点上,屏幕上有svg,它具有visibility:hidden。这在所有浏览器中都能完美地找到。这些隐藏元素有点击和鼠标悬停事件,在所有浏览器中都能找到但是在firefox版本34中,隐藏元素仍然会在它们仍然隐藏时触发它们的事件(单击和鼠标悬停)。为了更好地解释:当一个按钮被隐藏时,它的鼠标悬停事件不应该触发,当它可见时应该触发。这就是它在所有浏览器中的工作方式,除了firefox34、35beta和36开发版。它在Fi

javascript - 如何使用 Gulp 和 gulp-data 从单个 jade 模板生成多个 html 文件

我正在使用Gulp创建一个静态站点生成器.我想知道如何将每条数据(JSON)通过管道传输到一个jade模板中以生成多个html文件。这是gulp的"template"任务:gulp.task('templates',function(){'usestrict';varmyData=JSON.parse(fs.readFileSync('./_assets/data/content.json'));varmyPages=myData.pages;varmyPosts=myData.posts;gulp.src('./_assets/templates/index.jade').pipe(

javascript - Atom Electron 使用 html 按钮和 javascript 关闭并最小化窗口

我说使用Electron并尝试制作最小化和关闭按钮。index.htmlminimizeclose索引.jsconstremote=require('electron').remote;functionminimize(){varwindow=remote.getCurrentWindow();window.minimize();}functionclose(){varwindow=remote.getCurrentWindow();window.close();}我一定是犯了一些愚蠢的错误或者什么,但是最小化按钮工作得很好,而关闭按钮不起作用。我还尝试了这里提到的EventListe

javascript - SVG <pattern> 由 Javascript 生成时不会加载

这个问题不太可能帮助任何future的访问者;它只与一个小的地理区域、一个特定的时间点或一个非常狭窄的情况有关,这些情况并不普遍适用于互联网的全局受众。为了帮助使这个问题更广泛地适用,visitthehelpcenter.关闭9年前。更新的问题,基于一个更简单的测试用例:我有一个网站使用由脚本生成的图形。图形中的东西充满了svg图案。到目前为止,还不错。我现在添加一个使用Javascript将元素添加到图形中已有的模式。我可以很容易地做到这一点,使用类似createElementNS的方法,setAttribute和appendChild.SVG图案元素如下所示:它们是这样使用的:现在

javascript - 如何使用 javascript/jquery 查找和替换 html 字符串中的开始标记和结束标记

如何使用javascript/jquery查找和替换html字符串中的开始标记和结束标记例如varmyString="HellojohnJohnlikestoplayguitarAnnalikestoarrangeflowers";我需要找到“div”标签并替换为其他html标签,如“p”标签/“span”标签将“div”标签替换为“p”标签后生成的html字符串varreplacestring="HellojohnJohnlikestoplayguitarAnnalikestoarrangeflowers";请提出任何解决方案。 最佳答案